@import '../../style.scss';

.post{
    @include useTheme($themes){  
        .container{
            background-color: themed('sideBarColor');
            border-radius: 10px;
            border: solid 1px themed('border');
            text-decoration: none;
            padding: 8px 10px;
            margin: 0px 10px;
            -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
            -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
            color: themed('textColor');
            height: 40px;

            display: flex;
            justify-content: space-between;

            .itemTi{display:none;}

            span{
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .bwicId{
                width: 4%;
                color: themed('textSoft');
                font-weight: 600;
            }

            .cusip{width: 10%;}

            .dueDate{width: 14%;}

            .position{width: 9%;}

            .price{width: 10%;}

            .marketValue{width: 15%;}

            .totalBids{width: 6%;}

            .bidRank{width: 9%;}

            .bidMarketValue{width: 10%;}

            .action{width: 12%;}

            .winner{
                background: green;
                border-radius: 5px;
                font-size: 11px;
                padding: 5px;
                font-weight: bold;
                color: white;
                cursor: pointer;
                // border: solid 1px themed('border');
            }

            .noWinner{
                background: rgb(223, 43, 43);
                border-radius: 5px;
                font-size: 11px;
                padding: 5px;
                font-weight: bold;
                color: white;
                cursor: pointer;
                // border: solid 1px themed('border');
            }
            .viewBids{
                border: solid 1px themed('border');
                border-radius: 5px;
                padding: 5px 10px;
                font-size: 12px;
                font-weight: bold;
                background-color: rgba(128, 128, 128, 0.2);
                cursor: pointer;
            }

        }
    }
}

.postUser{
    @include useTheme($themes){ 
        display:block;
        .container{
            background-color: themed('sideBarColor');
            display: flex;
            flex-direction: column;
            margin:10px;
            padding:20px;
            gap:10px;
            width: 200px;
            height: 200px;
            border-radius: 10px;
            border: solid 1px themed('border');
            -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
            -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
            box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.07);
            color: themed('textColor');
            position:relative;
            justify-content: space-between;

            .itemTi{display:flex;}
            .dueDate{display:none;}
            .action{display:none;}
            .bidRank{display:none;}
            .marketValue{display:none;}
            .totalBids{display:none;}
            .bidMarketValue{display:none;}
            .viewMore{
                justify-self:flex-end;
                border-radius: 5px;
                // background-color:themed('navColor');
                color:themed('textSoft');
                border: solid 1px themed('border');
                padding:5px;
                cursor:pointer;
            }
        }
    }
}